<template>
	<view class="goods-detail-problem m-20 p-20 radius-20 bg-white">
		<view class="title">常见问题</view>
		<view class="item-box">
			<template v-for="item in props.commonQuestion" :key="item.id">
				<view class="item" v-if="item.isShow">
					<view class="lab">{{ item.title }}</view>
					<view class="val">{{ item.description }}</view>
				</view>
			</template>
		</view>
	</view>
</template>

<script setup lang="ts">
	import type { CommonQuestionServiceType } from "@/core/models";

	const props = withDefaults(defineProps<{
		commonQuestion : Array<CommonQuestionServiceType>,
	}>(), {
		commonQuestion: () => [],
	});
</script>

<style lang="scss" scoped>
	@import './goods-detail-common-problem.scss';
</style>